.styling{
	font-size : x-large;
	font-family : verdana;
	background-color : f8f8f8;
	text-align:center;
	ul, ol {
		list-style-type: none;
	}
animation : background 5s infinite;
		-webkit-animation : background 5s;
		animation-direction : alternate;
		animation-iteration-count : infinite;
	
}
@keyframes background {
	0% {background-color : ffffff;}
	20% {background-color : fbfbfb;}
	40% {background-color : f8f8f8;}
	60% {background-color : f4f4ff4;}
	80% {background-color : f0f0f0;}
	100% {background-color : ebebeb;}
}
.cardcontainer{
	display : flex;
	justify-content : center;
	flex-wrap : wrap;
	gap : 20px;
}
.card{
	background : ffffff;
	padding : 20px 20px;
	border : 1px solid #cccccc;
	border-radius : 30px;
	text-decoration : none;
	font-size : xx-large;
	font-family : verdana;
	color : black;
	width : fit-content;
	margin : auto;
}
.card:hover{
	background : #ffffff;
	animation : cards 3s infinite;
	animation-direction : alternate;
	animation-iteration-count : infinite;
}
@keyframes cards {
	0% {background-color : b22222;}
	50% {background-color : 685990}
	100% {background-color : 005596;}
}
.drop1 {
position : relative;
}

.dropstuff1 {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}

.drop2 {
  position: relative;
}

.dropstuff2 {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}

.drop3 {
  position: relative;
}

.dropstuff3 {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}

.drop4 {
  position: relative;
}

.dropstuff4 {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}
.drophep {
  position: relative;
}

.dropstuffhep {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}
.dropeng1 {
  position: relative;
}

.dropstuffeng1 {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}
.dropeng2 {
  position: relative;
}

.dropstuffeng2 {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}
.droplmc {
  position: relative;
}

.dropstufflmc {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}
.droppython {
  position: relative;
}

.dropstuffpython {
  display: none;
  position: relative;
  background-color: #f8f8f800;
}
.show {
	display : block !important;
}